<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Lorem</title>
<link rel="stylesheet" type="text/css" href="../css/componentes.css" title="Basico">
<script type="text/javascript" src="../js/core.js"></script>
<script type="text/javascript">
var jnl;
window.onload = function() {
    JSDialogEdit.pastaImagens = '../imagens/';
    
    //codigo = {"classe":"JSDialogEdit.Janela","atributos":{"ID":"SemTitulo1","Largura":512,"Altura":299,"Tipo":1,"Titulo":"Teste Janela","Action":"TesteExecucao.php","AcaoFechar":3,"Exibicao":"hidden","AfterSubmit":"/*O retorno da pagina esta sendo passado como argumento da funcao e disponivel pelo do array \"arguments\"*/","ErrorSubmit":"/*O codigo e a mensagem de retorno do erro estao sendo passados no argumento da funcao disponiveis do array \"arguments\"*/"},"filhos":[{"classe":"JSDialogEdit.Rotulo","atributos":{"ID":"Rotulo1","Valor":"Rotulo1","Largura":51,"Superior":10,"Esquerda":10,"Estilo":{},"Visivel":true,"Referencia":"CaixaTexto1"}},{"classe":"JSDialogEdit.CaixaTexto","atributos":{"ID":"CaixaTexto1","Largura":142,"Superior":10,"Esquerda":80,"Estilo":{},"Visivel":true}},{"classe":"JSDialogEdit.CampoData","atributos":{"ID":"CampoData1","Superior":40,"Esquerda":80,"Estilo":{},"Visivel":true}},{"classe":"JSDialogEdit.CampoOculto","atributos":{"ID":"CampoOculto1"}},{"classe":"JSDialogEdit.CaixaGrupo","atributos":{"ID":"CaixaGrupo1","Largura":244,"Altura":120,"Esquerda":240,"Estilo":{},"Visivel":true,"Titulo":"Titulo"},"filhos":[{"classe":"JSDialogEdit.Memorando","atributos":{"ID":"Memorando1","Largura":211,"Altura":73,"Superior":30,"Esquerda":20,"Estilo":{},"Visivel":true}}]},{"classe":"JSDialogEdit.ListaSelecao","atributos":{"ID":"ListaSelecao1","Valor":"1","Largura":50,"Superior":70,"Esquerda":80,"Estilo":{},"Visivel":true,"Opcoes":{"op1":"1","op2":"2","op3":"3"}}},{"classe":"JSDialogEdit.CaixaSelecao","atributos":{"ID":"CaixaSelecao1","Valor":"on","Largura":115,"Superior":100,"Esquerda":10,"Estilo":{},"Visivel":true,"Rotulo":"CaixaSelecao1"}},{"classe":"JSDialogEdit.CaixaSelecao","atributos":{"ID":"CaixaSelecao2","Valor":"on","Largura":115,"Superior":130,"Esquerda":10,"Estilo":{},"Visivel":true,"Rotulo":"CaixaSelecao2"}},{"classe":"JSDialogEdit.GrupoBotaoRadio","atributos":{"ID":"GrupoBotaoRadio1","Largura":150,"Altura":83,"Superior":170,"Esquerda":10,"Estilo":{},"Visivel":true,"Opcoes":{"r1":"1","r2":"2","r3":"3"},"Titulo":"GrupoBotaoRadio1"}},{"classe":"JSDialogEdit.Rotulo","atributos":{"ID":"Rotulo2","Valor":"Rotulo2","Largura":51,"Superior":40,"Esquerda":10,"Estilo":{},"Visivel":true,"Referencia":"CampoData1"}},{"classe":"JSDialogEdit.Rotulo","atributos":{"ID":"Rotulo3","Valor":"Rotulo3","Largura":51,"Superior":70,"Esquerda":10,"Estilo":{},"Visivel":true,"Referencia":"ListaSelecao1"}},{"classe":"JSDialogEdit.Botao","atributos":{"ID":"Botao1","Valor":"Limpar","Largura":65,"Superior":150,"Esquerda":240,"Estilo":{},"Visivel":true,"Tipo":"reset"}},{"classe":"JSDialogEdit.Botao","atributos":{"ID":"Botao2","Valor":"Cancelar","Largura":78,"Superior":180,"Esquerda":240,"Estilo":{},"Visivel":true,"Tipo":"cancel"}},{"classe":"JSDialogEdit.Botao","atributos":{"ID":"Botao3","Valor":"Transmitir","Largura":83,"Superior":210,"Esquerda":240,"Estilo":{},"Visivel":true,"Tipo":"submit"}},{"classe":"JSDialogEdit.Botao","atributos":{"ID":"Botao4","Valor":"Botao","Largura":60,"Superior":240,"Esquerda":240,"Estilo":{},"Visivel":true,"Tipo":"button","OnClick":"alert(this.janela);"}},{"classe":"JSDialogEdit.TreeView","atributos":{"ID":"TreeView1","Largura":100,"Altura":100,"Superior":150,"Esquerda":340,"Estilo":{},"Visivel":true},"filhos":[{"classe":"JSDialogEdit.TreeView.No","atributos":{"ID":"TreeView1_Item1","Texto":"Item1","Valor":"Item1"},"filhos":[{"classe":"JSDialogEdit.TreeView.No","atributos":{"ID":"TreeView1_Item1_Item1","Texto":"Item1","Valor":"SItem1"},"filhos":[]},{"classe":"JSDialogEdit.TreeView.No","atributos":{"ID":"TreeView1_Item1_Item2","Texto":"Item2","Valor":"SItem2"},"filhos":[]}]},{"classe":"JSDialogEdit.TreeView.No","atributos":{"ID":"TreeView1_Item2","Texto":"Item2","Valor":"Item2"},"filhos":[]},{"classe":"JSDialogEdit.TreeView.No","atributos":{"ID":"TreeView1_Item3","Texto":"Item3","Valor":"Item3"},"filhos":[]}]}]};
    //codigo = {"classe":"JSDialogEdit.Janela","atributos":{"ID":"SemTitulo1","Largura":300,"Altura":300,"Tipo":1,"Titulo":"SemTitulo1","AcaoFechar":3,"Exibicao":"hidden","AfterSubmit":"/*O retorno da pagina esta sendo passado como argumento da funcao e disponivel pelo do array \"arguments\"*/","ErrorSubmit":"/*O codigo e a mensagem de retorno do erro estao sendo passados no argumento da funcao disponiveis do array \"arguments\"*/"},"filhos":[{"classe":"JSDialogEdit.PainelAbas","atributos":{"ID":"PainelAbas1","Largura":258,"Altura":233,"Superior":10,"Esquerda":10,"Estilo":{},"Visivel":true},"filhos":[{"classe":"JSDialogEdit.PainelAbas.Aba","atributos":{"ID":"PainelAbas1_Aba1","Visivel":true,"Titulo":"Aba 1"},"filhos":[{"classe":"JSDialogEdit.Rotulo","atributos":{"ID":"Rotulo1","Valor":"Rotulo1","Superior":60,"Esquerda":30,"Estilo":{},"Visivel":true}}]},{"classe":"JSDialogEdit.PainelAbas.Aba","atributos":{"ID":"PainelAbas1_Aba2","Visivel":true,"Titulo":"Aba 2"},"filhos":[{"classe":"JSDialogEdit.Rotulo","atributos":{"ID":"Rotulo2","Valor":"Rotulo2","Largura":51,"Superior":50,"Esquerda":40,"Estilo":{},"Visivel":true}}]}]}]}
    //jnl = JSDialogEdit.parseDialog(codigo);
    
    
    JSDialogEdit.parseDialogURL({
        "url":"TesteExecucao.json",
        "metodo":function(j) {
            jnl = j;
            jnl.setVisivel(false);
        },
        "erro":function(msg, erro){alert(erro + "\n" + msg)}
    });
    
    btn = new JSDialogEdit.CaixaTexto({"ID":"btn"});
    btn.setOnFocusFunction(function(e){console.log(e)})
    btn.setOnMouseOverFunction(function(e){console.log(e)})
    
    /*
    jnl = new JSDialogEdit.Janela({"ID":"SemTitulo1","Largura":512,"Altura":299,"Tipo":1,"Titulo":"Teste Janela","Action":"TesteExecucao.php","AcaoFechar":3,"Exibicao":"hidden"});
    jnl2 = new JSDialogEdit.Janela({"ID":"Teste2"});
    jnl2.setVisivel(true);
    jnl2.addFilho(btn);
    jnl2.addFilho(jnl);
    */
}

function abreJanela1(){
    jnl.setTipoJanela(1);
    jnl.setVisivel(true);
}

function abreJanela2(){
    jnl.setTipoJanela(2);
    jnl.setVisivel(true);
}

function abreJanela3(){
    jnl.setTipoJanela(3);
    jnl.setVisivel(true);
}
</script>
</head>
<body>
<h1 style="text-align:center">Lorem Ipsum</h1>
<table style="border: solid 1px red">
    <caption>Tabela</caption>
    <thead>
        <tr><th>Titulo Coluna</th></tr>
    </thead>
    <tbody style="height: 50px;overflow:auto">
        <tr><td>In ut turpis odio. Praesent pretium ornare elit, vitae cursus quam tempor at.</td></tr>
        <tr><td>Sed eros orci, aliquam vel convallis vel, mollis vel velit. Aenean porttitor iaculis placerat.</td></tr>
        <tr><td>Curabitur interdum egestas sapien, ut adipiscing ipsum dictum sit amet.</td></tr>
        <tr><td>Donec lobortis, lacus ut scelerisque ullamcorper, nunc augue consectetur lectus, luctus consectetur turpis nisl in ante.</td></tr>
        <tr><td>Nunc quis orci mi. Proin tristique quam a lorem sollicitudin id lobortis mi volutpat.</td></tr>
        <tr><td>Donec ipsum tellus, ultricies a accumsan vel, aliquet a libero.</td></tr>
        <tr><td>Proin laoreet neque sit amet nunc pulvinar pretium vulputate augue vehicula.</td></tr>
        <tr><td>Duis a nulla dolor, sit amet pellentesque enim.</td></tr>
        <tr><td>Donec cursus purus nulla, ac luctus felis.</td></tr>
        <tr><td>Phasellus ullamcorper, enim sed scelerisque posuere, sem nulla rutrum libero, ultrices bibendum metus ligula ac mi.</td></tr>
    </tbody>
</table>

<div style="float:left; height:1055px; width:200px">
    <p>MENU</p>
    <ul>
        <li onclick="abreJanela1()" style="cursor:pointer">Janela</li>
        <li onclick="abreJanela2()" style="cursor:pointer">Caixa Dialog</li>
        <li onclick="abreJanela3()" style="cursor:pointer">Modal</li>
        <li onclick="alert(new Date())" style="cursor:pointer">Alert</li>
    </ul>
</div>
<div style="text-align:justify; width:75%">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis, risus in ornare faucibus, neque ligula venenatis tellus, ac consequat urna arcu et leo. Nam lobortis libero in purus accumsan a pretium nibh auctor. Cras eget erat sit amet tellus blandit eleifend vitae ac sem. Ut ut erat tortor. In non lobortis augue. Duis at elementum elit. Vestibulum libero ante, eleifend ac pretium a, mattis id est. Pellentesque sodales, mi id molestie feugiat, ipsum erat mollis mauris, nec tincidunt odio nisl eget mauris. Vestibulum at diam quam, vitae dapibus metus. Aliquam erat volutpat. Maecenas bibendum lorem eu augue vehicula semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc placerat orci eu turpis vulputate vulputate.</p>
    <h2>Lorem Ipsum</h2>
    <p>In ut turpis odio. Praesent pretium ornare elit, vitae cursus quam tempor at. Sed eros orci, aliquam vel convallis vel, mollis vel velit. Aenean porttitor iaculis placerat. Curabitur interdum egestas sapien, ut adipiscing ipsum dictum sit amet. Donec lobortis, lacus ut scelerisque ullamcorper, nunc augue consectetur lectus, luctus consectetur turpis nisl in ante. Nunc quis orci mi. Proin tristique quam a lorem sollicitudin id lobortis mi volutpat. Donec ipsum tellus, ultricies a accumsan vel, aliquet a libero. Proin laoreet neque sit amet nunc pulvinar pretium vulputate augue vehicula. Duis a nulla dolor, sit amet pellentesque enim. Donec cursus purus nulla, ac luctus felis. Phasellus ullamcorper, enim sed scelerisque posuere, sem nulla rutrum libero, ultrices bibendum metus ligula ac mi.</p>
    <h3>Lorem Ipsum</h3>
    <p>Phasellus ut magna vel nulla auctor accumsan. Quisque lacus nunc, condimentum vel auctor ac, vehicula nec ipsum. Pellentesque condimentum, purus ut semper tincidunt, elit lectus bibendum lorem, sit amet posuere justo mi a nisl. Praesent ut arcu in dui porttitor vestibulum. Ut ac justo ante. Donec diam elit, fermentum vitae vehicula ac, dictum sit amet leo. Maecenas pretium adipiscing tellus, quis vestibulum est blandit id. Mauris porta turpis accumsan sapien bibendum mattis. Nunc non odio nec diam tristique tempor. Suspendisse potenti. Vestibulum tincidunt auctor nisl eget convallis. In dignissim auctor rhoncus. Nullam ac lectus ut odio tincidunt volutpat pellentesque et ante. Maecenas elementum, lorem a convallis euismod, risus nisi laoreet velit, eget tristique diam dui eu turpis. Aenean sed tellus vel ipsum ornare egestas vel sed mauris.</p>
    <h2>Lorem Ipsum</h2>
    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque id justo turpis. Aliquam vulputate velit non velit vulputate pretium non non turpis. Quisque malesuada augue ac nunc dictum a accumsan eros sodales. Donec elit tellus, laoreet eu tempus in, iaculis nec massa. Phasellus ullamcorper erat sed ipsum tempus vitae pulvinar nisl gravida. Sed velit sem, sollicitudin quis volutpat sed, consequat quis lorem. Ut viverra, erat vel egestas molestie, augue ligula consectetur dui, ut consequat mauris dolor quis nisi. Proin risus libero, iaculis et cursus a, sagittis eget felis. Morbi augue eros, tincidunt nec placerat id, venenatis at leo. Nam ullamcorper condimentum nisi, nec interdum quam adipiscing ut. Pellentesque magna metus, tincidunt elementum dictum non, mollis in lorem. Donec ac metus nibh, ac dapibus nisl.</p>
    <h2>Lorem Ipsum</h2>
    <p>Cras at enim ac nulla cursus sagittis at vel enim. In ultricies ultricies risus sed interdum. Maecenas ultrices adipiscing mi a placerat. Mauris sem metus, tempor non bibendum nec, iaculis sed leo. Phasellus vel enim diam. Maecenas suscipit urna ac purus vulputate non volutpat turpis lacinia. In metus mi, rhoncus auctor lobortis condimentum, lobortis aliquam nisi. 
</div>
</body>
</html>
